<template>
	<div class="lm-chatgpt-item">
		<chatgpt-item-header :text="'正在为您生成推荐答案：' + item.message.title"></chatgpt-item-header>
		<div class="chatgpt-item-content">
			<svg-icon iconClass="waiting" class="waiting"></svg-icon>
			<div>等待中~</div>
		</div>
	</div>
</template>

<script>
import ChatgptItemHeader from './chatgpt-item-header'
export default {
	name: 'WaitingItem',
	props: {
		item: Object
	},
	components: {
		ChatgptItemHeader
	},
	data() {
		return {
		}
	},
}
</script>

<style lang="scss" scoped>
.lm-chatgpt-item{
	min-width: 316px;
	display: inline-block;
}
.chatgpt-item-content{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	.waiting{
		width: 100px;
    height: 80px;
    margin-bottom: 16px;
	}
	div{
		color: #a3a3a3;
	}
}
</style>